<!--胡晨倩  -->
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>买票</title>
<link rel="stylesheet" type="text/css"
	href="../js/util/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../js/util/easyui/themes/icon.css">

<script type="text/javascript" src="../js/util/easyui/jquery.min.js"></script>
<script type="text/javascript"
	src="../js/util/easyui/jquery.easyui.min.js"></script>
<style type="text/css">
.one{
		text-align: center;
		width: 120px;
	}
.two{
		text-align: center;
		width: 180px;
	}
</style>
</head>
<body>
	<div style="margin-top: 30px; margin-right: 120px;"></div>
	<div class="easyui-panel" title="Buy Ticket"
		style="width: 100%; max-width: 400px; padding: 30px 60px;">
		
		<form id="buyff" method="post" action="../BuyTicketServlet">
			<table cellpadding="3">
			    <c:if test="${not empty ticket }"> 
	    		<tr>
	    			<td colspan="3" class="one">${ticket.startTime}</td>
	    		</tr>
	    		<tr>
	    			<td class="one">${ticket.depature}</td>
	    			<td class="one">----></td>
	    			<td class="one">${ticket.destinction}</td>
	    		</tr>
	    		<tr>
	    			<td class="one">09:30</td>
	    			<td class="one">${ticket.trainNo}</td>
	    			<td class="one">10:11</td>
	    		</tr>
	    	  </c:if>
	    	</table>	    	
	    	<table cellpadding="2">
	    	<c:if test="${not empty user}"> 
	    		<tr>
	    			<td class="two">${user.username}</td>
	    			<td class="two">座位号</td>
	    		</tr>
	    		<tr>
	    			<td colspan="2" class="two">${user.cert}</input></td>
	    		</tr>
	    		
	    		<tr>
	    			<td class="two">${user.userType}票</td>
	    			<td class="two">￥59.00</td>
	    		</tr>
	    	</c:if>
	    	</table>
	    	<div style="text-align:center;padding:5px">
	    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="closeTab()">取消订单</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<button class="easyui-linkbutton" type="submit"  style="width: 80px">确认支付</button>
		</div>
		</form>		
	</div>
<script type="text/javascript">
function closeTab(){ 
	parent.$('#tt').tabs('close','购票中心');
	   
   }
</script>
</body>
</html>